require('./less/index.less');

var $ = require('jquery');

$(function () {
    $('#gethome').on({
        click: function () {
            //发起ajax请求，获取本地服务器的/home接口数据
            $.ajax({
                type: 'get',
                url: '/home',
                success: function (res) {
                    console.log('res ==>', res);

                    $('#text').text(res);
                }
            })
        }
    });

    $('#send').on({
        click: function () {
            $.ajax({
                type: 'get',
                url: '/product',
                data: {
                    id: 'A001',
                    count: 8
                },
                success: function (data) {
                    console.log('data ==>', data);
                }
            })
        }
    });

    $('#login').on({
        click: function () {
            $.ajax({
                type: 'post',
                url: '/login',
                success: function (res) {
                    console.log('res ==>', res);
                }
            })
        }
    });

    //此写法会产生跨域，无法正常获取数据
    // $('#pro').on({
    //     click: function () {
    //         $.ajax({
    //             type: 'get',
    //             url: 'http://127.0.0.1:5001/pro',
    //             success: function (result) {
    //                 console.log('result ==>', result);
    //             }
    //         })
    //     }
    // });

    //向自己的服务器请求 /mypro
    $('#pro').on({
        click: function () {
            $.ajax({
                type: 'get',
                url: '/mypro',
                success: function (result) {
                    console.log('result ==>', result);
                }
            })
        }
    });
})